<template>
  <div class="main">
    <a-modal
      :title="loginModal.title"
      :visible="loginModal.visible"
      :confirm-loading="loginModal.confirmLoading"
      v-bind="modalProps"
      @ok="modalSubmit(loginModal)"
      @cancel="modalCancel(loginModal)"
    >
      <VerificationCode
        :email="fields.email"
        :mobile="fields.mobile"
        :ref="loginModal.ref"
      />
    </a-modal>

    <LoginForm @submit="submitForm" />
  </div>
</template>

<script>
import modal from './modal'
import form from './form'
import VerificationCode from './modal/VerificationCode'
import LoginForm from './Form/index.vue'
import { login } from '@/api/flow/user'

export default {
  mixins: [modal, form],

  components: {
    VerificationCode,
    LoginForm,
  },
}
</script>

<style lang="less" scoped>
</style>
